!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[MediaControls]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[MediaControls]"]=t(require("react")):e["rb_wixui.thunderbolt[MediaControls]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},a={};function r(e){var n=a[e];if(void 0!==n)return n.exports;var o=a[e]={exports:{}};return t[e](o,o.exports,r),o.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return function(){"use strict";r.r(n),r.d(n,{components:function(){return K}});var e=r(448),t=r.n(e),a=r(5329);const o=new RegExp("<%= compId %>","g"),i=(e,t)=>e.replace(o,t),l=(e,t)=>{e&&e.svgContent&&(e.svgContent=i(e.svgContent,t))};function s(e){var t,a,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(a=s(e[t]))&&(r&&(r+=" "),r+=a);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}var c=function(){for(var e,t,a=0,r="";a<arguments.length;)(e=arguments[a++])&&(t=s(e))&&(r&&(r+=" "),r+=t);return r};const u=e=>Object.entries(e).reduce(((e,[t,a])=>(t.includes("data-")&&(e[t]=a),e)),{});const d=13,p=27;function f(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}const b=f(32),v=f(d),m=e=>{v(e),b(e)},y=(f(p),"wixui-"),x=(e,...t)=>{const a=[];return e&&a.push(`${y}${e}`),t.forEach((e=>{e&&(a.push(`${y}${e}`),a.push(e))})),a.join(" ")},C="<svg data-failed />",g=e=>e===C,h={root:"linkElement"},k=(e,r)=>{const{href:n,role:o,target:i,rel:l,className:s="",children:c,linkPopupId:d,anchorDataId:p,anchorCompId:f,tabIndex:y,dataTestId:x=h.root,title:C,onClick:g,onDoubleClick:k,onMouseEnter:E,onMouseLeave:M,onFocus:O,onFocusCapture:w,onBlurCapture:j,"aria-live":S,"aria-disabled":_,"aria-label":I,"aria-labelledby":P,"aria-pressed":N,"aria-expanded":$,"aria-describedby":L,"aria-haspopup":D,"aria-current":B,dataPreview:R}=e,A=void 0!==e.activateByKey?e.activateByKey:(e=>e?"SpaceOrEnter":"Space")(d);let K;switch(A){case"Enter":K=v;break;case"Space":K=b;break;case"SpaceOrEnter":K=m;break;default:K=void 0}return void 0!==n?a.createElement("a",t()({},u(e),{"data-testid":x,"data-popupid":d,"data-anchor":p,"data-anchor-comp-id":f,"data-preview":R,href:n||void 0,target:i,role:d?"button":o,rel:l,className:s,onKeyDown:K,"aria-live":S,"aria-disabled":_,"aria-label":I,"aria-labelledby":P,"aria-pressed":N,"aria-expanded":$,"aria-haspopup":D,"aria-describedby":L,"aria-current":B,title:C,onClick:g,onMouseEnter:E,onMouseLeave:M,onDoubleClick:k,onFocus:O,onFocusCapture:w,onBlurCapture:j,ref:r,tabIndex:d?0:y}),c):a.createElement("div",t()({},u(e),{"data-testid":x,"data-preview":R,className:s,tabIndex:y,"aria-label":I,"aria-labelledby":P,"aria-haspopup":D,"aria-disabled":_,"aria-expanded":$,title:C,role:o,onClick:g,onDoubleClick:k,onMouseEnter:E,onMouseLeave:M,ref:r}),c)};var E=a.forwardRef(k);var M={root:"vector-image"},O="a9YhBi",w="dX12nb",j="AKxYR5",S="VZYmYf",_="vv0uGt";var I=e=>{const{id:r,svgContent:n,shouldScaleStroke:o,withShadow:l,link:s,ariaLabel:d,ariaExpanded:p,ariaAttributes:f,className:b="",customClassNames:v=[],containerClass:m="",onClick:y,onDblClick:C,onMouseEnter:h,onMouseLeave:k,hasPlatformClickHandler:I,onKeyDown:P,toggle:N,reportBiOnClick:$,tag:L="div"}=e,D=I||y,B=!(!(R=s)||0===Object.keys(R).length&&R.constructor===Object);var R;const A=c(j,{[S]:!o,[_]:l,[w]:D},b),K=a.useRef(null);a.useEffect((()=>{let e;const t=K.current;return N&&(e=()=>N(!1),null==t||t.addEventListener("click",e)),()=>{e&&(null==t||t.removeEventListener("click",e))}}),[K,N]);const T=a.useMemo((()=>{if(!n)return n;const e=((e,t)=>{const a={},r=e.replace(/\sid="([^"<]+)"/g,((e,r)=>{const n=r.endsWith(t)?r:`${r}_${t}`;return a[r]=n,` id="${n}"`}));return Object.keys(a).reduce(((e,r)=>e.replace(new RegExp(`(${r})(?!_${t})`,"g"),a[r])),r)})(n,r),t=null!=f&&f.label?((e,t)=>{let a=e;const r=/aria-label="[^"]*"/;return a=e.match(r)?e.replace(r,`aria-label="${t}"`):e.replace(/(<svg[^>]*)>/,`$1 aria-label="${t}">`),a})(e,null==f?void 0:f.label):e;return i(t,r)}),[r,n,null==f?void 0:f.label]),F=g(T)&&"undefined"==typeof window?null:a.createElement("div",{"data-testid":"svgRoot-"+r,className:A,dangerouslySetInnerHTML:{__html:T}}),V=(({reportBiOnClick:e,onClick:t})=>(0,a.useCallback)((a=>{e?.(a),t?.(a)}),[e,t]))({onClick:y,reportBiOnClick:$});return a.createElement(L,t()({id:r},u(e),((e={})=>{const t=e.tabIndex??e.tabindex??void 0;return void 0!==t?{tabIndex:Number(t)}:{}})(e.a11y),{className:c(m,b,x(M.root,...v)),onClick:D||B?V:void 0,onDoubleClick:C,onMouseEnter:h,onMouseLeave:k,onKeyDown:P,ref:K,"aria-expanded":p}),B?a.createElement(E,t()({className:O,"aria-label":d},s),F):F)};var P=e=>a.createElement(I,t()({},e,{tag:"div"}));const N="vb-audio";var $="JtS1Rf",L="V9rZ5Z",D="TtArsF",B="ngHaxP";const R=e=>e.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase()));var A;const K={MediaControls:{component:e=>{let{id:r,translations:n,audioOnIcon:o,audioOffIcon:i,audioEnabled:s,autoplay:c,reducedMotion:u=!1}=e;const d=c&&!u;return l(o,r),l(i,r),s?a.createElement("div",{id:r,className:$,tabIndex:0,role:"button","aria-label":n.ariaLabel,"aria-pressed":d?"true":"false","data-testid":N,"data-audio-mute":""},a.createElement(P,t()({id:"audioOn-"+r,containerClass:L,className:D},o)),a.createElement(P,t()({id:"audioOff-"+r,containerClass:L,className:B},i))):a.createElement("div",{id:r})},controller:(A=e=>{let{stateValues:t,mapperProps:a}=e;const{reducedMotion:r}=t;return{...a,reducedMotion:r}},{useComponentProps:(e,t,a)=>{const r=(e=>({...e,updateStyles:t=>{const a=Object.entries(t).reduce(((e,t)=>{let[a,r]=t;return{...e,[(n=a,n.startsWith("--")?a:R(a))]:void 0===r?null:r};var n}),{});e.updateStyles(a)}}))(a);return A({mapperProps:e,stateValues:t,controllerUtils:r})}})}}}(),n}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[MediaControls].d409b56c.bundle.min.js.map